<template>
  <div>
    <info></info>
    <!-- <iframe id="template-iframe" src="http://localhost:8080/info"></iframe> -->
  </div>
</template>

<script>
import info from "./info.vue";
export default {
  name: "personal",
  components: {
    info,
  },
  data() {
    return {};
  },
  methods: {
    logout() {
      this.$router.push("/login");
    },
  },
  mounted: function () {
    this.$emit("getChildName", "personal");
  },
};
</script>

<style lang="less" scoped>
#template-iframe {
  width: 100%;
  height: 500px;
}
.demo-ruleForm {
  width: 1000px;
}
.el-form-item {
  margin-top: 50px;
  width: 500px;
  float: left;
}
.form {
  width: 1100px;
  margin-left: 200px;
}
#content {
  height: 500px;
  width: 100%;
  background-image: url("../../../assets/img/bgimg.png");
  background-repeat: no-repeat;
  background-size: 1520px 500px;
  border: 1px solid black;
  border-top: 0;
}
.formleft {
  float: left;
}
.formright {
  float: left;
}
.button1 {
  margin-left: 100px;
}
.button2 {
  margin-left: 500px;
}
.el-form-item-button {
  margin-top: 10px;
  width: 1000px;
}
.demo-type {
  margin-left: 45%;
}
</style>
